// components/playing/btn/index.js
let musicBehaviors = require('../../../behaviors/playmusic.js')
Component({
  // 注册behaviors
  // behaviors实例中的data属性和methods方法添加到组件实例中
  behaviors:[musicBehaviors],
  // 在组件中使用全局css样式需要开启使用
  options:{
    addGlobalClass:true
  },
  /**
   * 组件的属性列表
   */
  properties: {
    myindex:Number,
    isplay:Boolean
  },
  pageLifetimes:{
    show(){
      // 获取本地存储播放列表
      let playList = wx.getStorageSync('playList');
      // console.log(playList);
      this.setData({
        playList
      })
      wx.nextTick(()=>{
        this.setData({
          scrollId:"a"+this.data.myindex 
        })
      })
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    showPlayList:false,
    // 播放列表
    playList:[],
    // 播放索引
    // playIndex:0
    // 滚动id
    scrollId:'a0',
    // 播放状态  0表示随机播放 1表示单曲播放 2表示顺序播放 
    status:2
  },

  /**
   * 组件的方法列表
   */
  methods: {
    showList(){
     
      this.setData({
        showPlayList:true
      })
    },
    closeList(){
      this.setData({
        showPlayList:false
      })
    },
    goPlayindex(e){
      // console.log(e);
      let playIndex = e.currentTarget.dataset.playindex
      // 子向父传值
      this.triggerEvent("getplayIndexx",{playIndex})
      console.log(playIndex);
      this.setData({
        myindex:playIndex,
        scrollId:"a"+playIndex
      })
    },
    // 播放或暂停
    palyOrpause(){
      // 改变相反状态
      this.data.isplay = !this.data.isplay
      this.triggerEvent('myisplay',{isplay:this.data.isplay})
      this.setData({
        isplay:this.data.isplay
      })
    },
    //下一曲
    nextPro(){
      this.triggerEvent("nextplay")
    },
    prePlay(){
      this.triggerEvent("preplay")
    },
    // 切换播放状态
    changeStatu(){
      this.data.status++;
      if(this.data.status>2){
        this.data.status = 0
      }
      this.setData({
        status:this.data.status
      })
      // 向父组件发送状态
      this.triggerEvent("setStatus",{status:this.data.status})
    }
  }
})
